// pages/contact/contact.js
import { channels, articles} from '../../api/contact'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    find:null,
    channels:[],
    refresher:false,
    pull:' 释放即可刷新...',
    showId:0,
    showList:[]
  },
//搜索框跳转
 onsearch(){
  wx.navigateTo({
    url: '/pages/search/search'
  });
 },
//  获取顶部导航数据
 async channels(){
  const res= await channels()
   console.log(res);
   this.setData({
    'channels':res.data.channels
   })
   this.selectComponent('#tabs').resize();
 },
 onChange(e){
    this.setData({
      showId: e.detail.name,
      showList:[]
    })
   this.getList(this.data.showId)
 },
//获取渲染数据
async getList(id){
  try{ 
    const data={
    top:1,
    timestamp:new Date().getTime(),
    id
  }
  const res = await articles(data)
  console.log(res);
  this.setData({
      showList:[...this.data.showList,...res.data.results],
      pull:'刷新成功'
  })
} catch (err) {
  this.setData({
      pull:'刷新失败，请稍后重试'
  })
} finally {
  //关闭下拉刷新
  setTimeout(() => {
      this.setData({
          refresher:false,
          pull:' 释放即可刷新...'
      })
  }, 1000);
}
},

//触发下拉刷新
onList(){
  this.getList(this.data.showId)
},
//触底刷新
upList(){
  this.setData({
    pull:' 加载中',
    refresher:true,
    showList:[]
})
this.getList(this.data.showId)
},
//跳转到详情页
onDetail(e){
const id= e.currentTarget.dataset.art_id
  wx.navigateTo({
    url: `/pages/detail/detail?id=${id}`
  })
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
   this.channels()
   this.getList(this.data.showId)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    this.getList(this.data.showId)

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})